/*初始化 ;
*------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	height: 100%;
	background-color: #F2F2F2 !important;
}
/*
****************************************************/
/*对header(page-header)
*------------------------------------------------*/

.page-header {
	width: 100%;
	height: 150px;
	background-color: #2c76cf;
	margin: 0 auto;
	text-align: center;
}
.whole-header {
	position: relative;
	width: 1330px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
/*对E-Top 图标的布局以及各种处理 ;
*-------------------------------------------------*/

.E-Top-icon {
	position: relative;
	left: 10px;
	top: 50px;
	width: 370px;
	height: 75px;
}
.header-title {
	position: relative;
	left: -5px;
	top: 8px;
	font-size: 25px;
	color: white;
}
/*对搜索框 、搜索提交按钮的布局*** ;
*-----------------------------------------------*/

.search-box {
	position: relative;
	left: 375px;
	top: -14px;
	width: 490px;
	height: 90px;
}
.search-text {
	position: relative;
	width: 350px;
	height: 35px;
	padding-left: 15px;
	border: 0px none;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	font-size: 16px;
	line-height: 30px;
	background-color: #F8F8F7;
}
.search-button:hover {
	background-color: skyblue;
}
.search-text:focus {
	background-color: white;
}
.search-button {
	position: absolute;
	width: 70px;
	height: 35px;
	cursor: pointer;
	border: 0px none;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 20px;
}
/*对文档类型的选择 、时间选择 、文档页数选择*** ; 
*------------------------------------------------*/

.search-form input[type="checkbox"] {
	cursor: pointer;
	border: none;
}
.more-select {
	position: relative;
	top: 13px;
	left: -110px;
	width: 780px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #111;
}
.time {
	padding-left: 13px;
}
/*对个人信息条的布局***  ;
*--------------------------------------------*/

.personal.fa.fa-user,
.personal.fa.fa-envelope,
.personal.fa.fa-user-times,
.personal.fa.fa-cog {
	color: white;
}
/*个人信息条的整体框架 ;
*------------------------------*/

.personal-information {
	position: relative;
	left: 915px;
	top: -160px;
	width: 410px;
	height: 140px;
}
/*对个人信息栏中的 <a> 的设置 ;
*---------------------------------------------------*/

.personal-information a {
	color: #111;
	text-decoration: none;
	font-size: 15px;
}
/*对头像的设置 ;
*---------------------------------------------------*/

.portrait-image {
	position: relative;
	top: 56px;
	left: 15px;
	width: 68px;
	height: 68px;
	border-radius: 34px;
}
/*对包含用户名 、投诉与建议 、注销 、消息的<div>位置的设置 ;
*---------------------*/

.half {
	position: relative;
	top: -60px;
	width: 405px;
	height: 30px;
}
/*对用户名 、投诉与建议 、注销 、消息的位置的设置 ;
*-------------------------------------------*/

.user-name-span {
	padding-right: 3px;
}
.complain-suggest-span,
.logout-span,
.message-span {
	padding-left: 5px;
	padding-right: 3px;
	border-left: thin solid forestgreen;
}
/*返回首页
 *----------------*/

.cap-span a {
	position: relative;
	top: 57px;
	left: 85px;
	color: white;
	font-size: 17px;
}
.personal-information a:hover {
	text-decoration: underline;
}
/*
******************************************************/
/*对文档列表的布局**** ;
*----------------------------------------*/
/*对<a>的文本设置 ;
		*-------------------*/

.document-list-li a {
	text-decoration: none;
	font-size: 18px;
	color: #128EFF;
}
.document-list-li a:hover {
	text-decoration: underline;
}
/*对图标字体的设置 ;
		*--------------------*/

.fa.fa-file-pdf-o {
	color: mediumvioletred;
}
.fa.fa-file-text-o {
	color: skyblue;
}
.fa.fa-file-powerpoint-o {
	color: 128EFF;
}
.fa.fa-file-word-o {
	color: mediumblue;
}
.fa.fa-file-excel-o {
	color: seagreen;
}
.i112.fa.fa-star {
	color: cadetblue;
}
.i111.fa.fa-cloud-download {
	color: cadetblue;
}
.i113.fa.fa-comment {
	color: cadetblue;
}
.user-mark i {
	color: #F9D703;
}
/*文档列表 ;
*-----------------------------------------*/

.document-list {
	top: 30px;
	width: 900px;
	height: auto;
	margin: 20px auto 0 auto;
	text-align: center;
}
/*列表的设置 ;
*-----------------------------------------*/

.document-list-ul {
	width: 900px;
	height: auto;
	list-style-type: none;
	background-color: #FFF;
}
/*列表项的设置 ;
*---------------------------------------*/

.document-list-li {
	width: 900px;
	height: 80px;
	padding-top: 30px;
	border-bottom: solid 1px #F5F5F5;
}
.document-list-li:hover {
}
/*对文档图标 、文档名称的设置 ;
*-------------------------------------*/

.word {
	max-width: 380px;
	height: 35px;
	float: left;
	margin-left: 45px;
	font-size: 25px !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.word .fa{
	font-size: 18px;
}

.word-state em{
	font-style: normal;
}
/*对用户对文档的评价的设置 ;
*--------------------------------------*/
/*对用户评价分数的设置 ：星星的个数 ;
*--------------------------------------*/

.user-mark {
	width: 250px;
	height: 35px;
	float: right;
	margin-right: 30px;
	color: #222;
}
.user-mark span {
	float: left;
	padding-left: 15px;
}
/*对文档浏览量 、下载量 、上传时间等状态的描述 ;
*-----------------------------------*/

.word-state {
	width: 490px;
	height: 30px;
	margin-top: 10px;
	color: #222;
	float: left;
}
/*对以上状态之间设置间距 、以及用实线隔开 ;
*----------------------------------------*/

.word-state span {
	padding-left: 5px;
	padding-right: 10px;
}
.state-span1,
.state-span2 {
	border-right: thin green solid;
}
/*对文档的使用选择 ：如 ：下载 、收藏 、举报的设置***;
*-----------------------------------------*/

.use-word {
	width: 370px;
	height: 25px;
	margin-top: 15px;
	float: right;
}
/*设置间距 、以及用实线隔开 ;
*----------------------------------------*/

.use-word a {
	padding-right: 15px;
	padding-left: 20px;
}

.use-word .fa{
	color: #5FB9FF !important;
}
.use-a1,
.use-a2 {
	border-right: thin green solid;
}
/*
********************************************************/
/*对文档数量、上下页翻看的布局*** ;
*---------------------------------*/

.word-number {
	width: 900px;
	height: 130px;
	background-color: ghostwhite;
}
/*找到的文档数的示 ;
*--------------------------------*/

.reminding-text {
	width: 200px;
	height: 30px;
	float: left;
	margin-top: 10px;
	color: #333;
}
/*文本样式设置  颜色和字与字之间的间距 ;
*-------------------------------*/

.word-number-span {
	letter-spacing: 5px;
	color: #333;
}
/*页面的页码条框架 ;
*--------------------------------*/

.word-number-div {
	position: relative;
	left: -55px;
	top: 60px;
	width: 900px;
	height: 40px;
}
/*页码条里的 对<a>的设置 ;
*-------------------------------*/

.word-number-div a {
	text-decoration: none;
	font-size: 21px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
.reminding-a0,
.reminding-a1,
.reminding-a3,
.reminding-a4,
.reminding-a5,
.reminding-a6,
.reminding-a7,
.reminding-a8,
.reminding-a9,
.reminding-a10,
.reminding-a00 {
	border: thin solid blue;
	color: blue;
}
.reminding-a0:hover {
	background-color: lightblue;
}
.reminding-a1:hover {
	background-color: lightblue;
}
.reminding-a3:hover {
	background-color: lightblue;
}
.reminding-a4:hover {
	background-color: lightblue;
}
.reminding-a5:hover {
	background-color: lightblue;
}
.reminding-a6:hover {
	background-color: lightblue;
}
.reminding-a7:hover {
	background-color: lightblue;
}
.reminding-a8:hover {
	background-color: lightblue;
}
.reminding-a9:hover {
	background-color: lightblue;
}
.reminding-a10:hover {
	background-color: lightblue;
}
.reminding-a00:hover {
	background-color: lightblue;
}
/*
************************************************************/
/*对页脚的定义 、设置 ;
*--------------------------------------------------*/
/*框架的设置 ;
		*-----------------------------*/

.footer {
	position: relative;
	left: 0px;
	top: 80px;
	width: 900px;
	height: 50px;
	padding-top: 30px;
	background-color: whitesmoke;
	border-top: thin dashed forestgreen;
}
/*页脚里的 <a> 的设置 ;
*-------------------------------*/

.footer a {
	color: #222;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
/*
*************************************************/
/* 以上是对整个页面的设置 ;
*--------------------------------------------------*/